@font-face { font-family: 'Source-Han-Light'; src: url('../fonts/Source-Han-Light.eot'); src: url('../fonts/Source-Han-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Source-Han-Light.woff') format('woff'),  url('../fonts/Source-Han-Light.ttf') format('truetype'),  url('../fonts/Source-Han-Light.svg#Source-Han-Light') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SiYuanBold'; src: url('../fonts/SiYuanBold.eot'); src: url('../fonts/SiYuanBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/SiYuanBold.woff') format('woff'),  url('../fonts/SiYuanBold.ttf') format('truetype'),  url('../fonts/SiYuanBold.svg#SiYuanBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SiYuan-ExtraLight'; src: url('../fonts/SiYuan-ExtraLight.eot'); src: url('../fonts/SiYuan-ExtraLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/SiYuan-ExtraLight.woff') format('woff'),  url('../fonts/SiYuan-ExtraLight.ttf') format('truetype'),  url('../fonts/SiYuan-ExtraLight.svg#SiYuan-ExtraLight') format('svg'); font-weight: normal; font-style: normal; }
/*字体E*/
html, body { font-family: 'Microsoft YaHei', sans-serif; font-size: 14px; background: #FFf;color: #4d4d4d; }
ul li{list-style: none;}
ul,li{padding: 0;margin: 0;}
img { vertical-align:top }
body a { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;
 -ms-transition: 0.5s all; }
.f-sy-l { font-family: 'Source-Han-Light' !important; }
.f-sy-b { font-family: 'SiYuanBold' !important; }
.f-sy { font-family: 'SiYuan-ExtraLight' !important; }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.f20 { font-size: 20px }
.f24 { font-size: 24px }
.f30 { font-size: 30px }
.lh18 { line-height: 18px }
.lh24 { line-height: 24px }
.lh26 { line-height: 26px }
.lh28 { line-height: 28px }
.lh30 { line-height: 30px }
.lh36 { line-height: 36px }
.lh48 { line-height: 48px }
.gray-6 {color: #666;}
.gray-9 {color: #999;}
.baseColor {color: #006d63;}
.baseColor2 {color: #30877f;}
a.baseColor2:hover {color:#006d63}
.opa { width: 100%; height: 100%; background: #7fb6b1; position: absolute; top: 0; left: 0; z-index: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=68)"; opacity: .68; filter: alpha(opacity=68) }
.tipsdailog { display: inline; position: fixed; top: 50%; left: 50%; text-align: center; border-radius: 5px; font-size: 16px; padding: 20px; min-width: 50px; z-index: 10000000; color: #fff; font-family: 'Microsoft YaHei' }
.tips-success { background: #390 }
.tips-error { background: #c33 }
#loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%;z-index: 100;}
#loading .bd { position: absolute; border-radius: 5px;top: 50%; left: 50%; width: 140px; height: 50px;margin:-25px 0 0 -70px;  line-height: 50px;  font-size: 16px;text-align: center; color: #f5f5f5; z-index: 1; color: #fff;background: #333}
#loading .opa {background: #666;}
/*globle*/
.title {font-weight: bold; font-size: 36px; line-height: 40px;color: #006d63;}
/*----start-container----*/
.container { width: 1000px; }
/*-----start-header----*/
.header {height: 100px; }
.logo { float: left;}
.logo a { color: #006d63; font-weight: 900;padding: 6px; text-transform: uppercase; font-size: 3.1em; }
.logo a img { width: 100%;height: 100%;}
.logo a:hover { text-decoration: none; }
.logo320 { display: none; }
/*----navbar-nav----*/
.top-header { background: #fff ; min-height: 100px ;position: absolute; top: 0; width: 100%; z-index: 999; }
.header-bg {position: absolute; bottom: -48px;z-index: 999; width: 100%; height: 48px; background: url(../images/header-bg.png) center center; background-size: cover;}
.top-nav ul li { padding: 0 0.6em; }
.top-nav ul li a {display: block; border-radius: 5px;color: #006d63; padding: 0.6em 0.8em; font-size: 1.1em; 
	font-weight: 400; text-align: center; position: relative; font-weight: 300; }
ul.top-nav li a:hover { background: #006d63; color: #FFF; /* font-weight: 500; font-size: 1em; */ }
/* ul.top-nav li.team-active a:hover { color: #EEE; background: #4d4d4d; }
 */
 .top-nav ul li.active a { color: #006d63; }
/* .top-nav ul li a:hover { color: #4d4d4d; } */
.logo { position: relative; }
.logo a { display: block; position: absolute; top: 0; left: 0; width: 100px; height: 100px; /* background: url(../img/logo.svg) center center no-repeat; background-size: 200px; */ }
/* top-nav */
.top-nav:before, .top-nav:after { content: " "; display: table; }
.top-nav:after { clear: both; }
nav { position: relative; float: right; }
nav ul { padding: 0; float: right; margin-top: 30px; }
nav li { display: inline; float: left; position: relative; }
nav a { color: #fff; display: inline-block; text-align: center; text-decoration: none; }
nav a:hover { text-decoration: none; color: #00A2C1; }
nav a#pull { display: none; }
/*Styles for screen 600px and lower*/
@media screen and (max-width: 768px) {
nav { height: auto; float: none; }
nav ul { width: 100%; display: block; height: auto; }
nav li { width: 100%; position: relative; }
nav li a { border-bottom: 1px solid #eee; }
nav a { text-align: left; width: 100%; }
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 768px) {
nav { border-bottom: 0; float: none; }
nav ul { display: none; height: auto; margin: 0; background: #fff; }
nav a#pull { display: block; position: relative; color: #F26D7D; text-align: right; position: absolute; top: 30px; }
nav a#pull:after { content: ""; background: url('nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 10px; }
nav a#pull img { margin-right: 2%; }
.top-nav ul li a { color: #2C3E50; padding: 0.5em 0; }
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
nav { float: none; }
nav li { display: block; float: none; width: 100%; }
nav li a { border-bottom: 1px solid #EEE; }
}
/*----slider----*/
#slider2, #slider3 { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; }
.rslides_tabs { list-style: none; padding: 0; background: rgba(0,0,0,.25); box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); font-size: 18px; list-style: none; margin: 0 auto 50px; max-width: 540px; padding: 10px 0; width: 100%; }
.rslides_tabs li { display: inline; float: none; margin-right: 1px; }
.rslides_tabs a { width: auto; line-height: 20px; padding: 9px 20px; height: auto; background: transparent; display: inline; }
.rslides_tabs li:first-child { margin-left: 0; }
.rslides_tabs .rslides_here a { background: rgba(255,255,255,.1); color: #fff; font-weight: bold; }
.events { list-style: none; }
.callbacks_container { position: relative;  width: 100%; }
.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.callbacks li { position: absolute; width: 100%; left: 0; top: 0; }
.callbacks img { position: relative; z-index: 1; height: auto; border: 0; width: 100%; }
.callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; 
	left: 26%; right: 0%; padding: 10px 20px; margin: 0; max-width: none; top: 40%; text-align: center; width: 46%; }
.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 56%; left: 8%; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 41px; background: transparent url("../images/themes.png") no-repeat left top; margin-top: -65px; }
.callbacks_nav:active { opacity: 1.0; }
.callbacks_nav.next { left: auto; background-position: right top; right: 8%; }
#slider3-pager a { display: inline-block; }
#slider3-pager span { float: left; }
#slider3-pager span { width: 100px; height: 15px; background: #fff; display: inline-block; border-radius: 30em; opacity: 0.6; }
#slider3-pager .rslides_here a { background: #FFF; border-radius: 30em; opacity: 1; }
#slider3-pager a { padding: 0; }
#slider3-pager li { display: inline-block; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { height: auto; border: 0; }
.callbacks_tabs { list-style: none; position: absolute; top: 84%; z-index: 99; left: 47%; padding: 0; margin: 0; }
.callbacks_tabs li { display: inline-block; }
@media screen and (max-width: 600px) {
h1 { font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif; }
.callbacks_nav { top: 47%; }
}
/*----*/
.callbacks_tabs a { visibility: hidden; }
.callbacks_tabs a:after { content: "\f111"; font-size: 0; font-family: FontAwesome; visibility: visible; display: block; height: 18px; width: 18px; display: inline-block; border: 2px solid #FFF; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; }
.callbacks_here a:after { border: 2px solid #006d63; }
.slide-text-info { text-align: center; }
.slide-text-info p {display: inline-block; position: relative;margin-top: 10px; }
.slide-text-info p span { font-size: 24px; font-weight: normal !important; text-transform: uppercase; /* background: rgba(127, 182, 177, 0.5); */
 padding: 0.2em 0.5em; margin: 0.1em 0; display: inline-block; position: relative; z-index: 1;}
/*----*/
.slide-text-info h1 {position: relative;display: inline-block;/*  background: rgba(127, 182, 177, 0.5);  */color: #FFF; 
	text-transform: uppercase;  padding: 0.4em 0.6em; margin: 0; font-size: 36px; }
.slide-text-info h1 span {position: relative; z-index: 1;}
.slide-btns { margin: 1em 0 0 0; padding: 0; }
.slide-btns a { display: inline-block; }
.slide-btns a { text-decoration: none; }
.slide-btns a.startnow { background: #FFF; color: #006d63; font-size: 0.8em; padding: 0.875em 1.5em; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -o-border-radius: 0.3em; -ms-border-radius: 0.3em; margin-right: 0.8em; }
.slide-btns a.startnow:hover { background: #006d63; color: #FFF; }
.slide-btns a.livedemo { background: #006d63; color: #FFF; font-size: 0.8em; padding: 0.875em 2em; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -o-border-radius: 0.3em; -ms-border-radius: 0.3em; }
.slide-btns a.livedemo:hover { background: #4d4d4d; color: #FFF; }
/*----//slider----*/
/*----top-grids----*/
.top-grid {margin-top: 20px;}
.top-grids .title {margin-top: 0;}
.top-grid span { width: 135px; height: 135px; display: inline-block; background: #006d63; border-radius: 30em; -webkit-border-radius: 30em; -moz-border-radius: 30em; -o-border-radius: 30em; -ms-border-radius: 30em; border: 5px solid #EBEBEB; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.top-grid span label { width: 125px; height: 125px; display: inline-block;/* background:center center no-repeat;background-size: 180px; */
margin: 0;padding: 0; text-align: center; }
.top-grid span label img {width: 125px; height: 125px;}
/* .top-grid span label.icon1 {background-image: url(../img/1.svg); }
.top-grid span label.icon2 {background-image: url(../img/2.svg); }
.top-grid span label.icon3 {background-image: url(../img/3.svg); } */
.top-grid h3 { text-transform: uppercase;font-size: 20px; }
.top-grid h3 a { color: #4d4d4d; }
.top-grid h3 a:hover { text-decoration: none; }
.top-grid p { color: #999; font-size: 1em; line-height: 2em; padding:0 20px; }
.top-grids { padding: 3.5em 0; }
.top-grid:hover span { background: #4d4d4d; border-color: #EEE; }
/*--- works ---*/
.works { background: #EEEEEE; padding: 3em 0; }
.works h3 { color: #006d63; font-weight: 600; }
.portfolio-box { padding: 2em 0 3em; }
.portfolio-head { }
.portfolio-head h4 { color: #868686; font-size: 1.6em; text-transform: uppercase; border-bottom: 1px solid #868686; display: inline-block; padding: 0 0 0.5em; }
.portfolio-main { padding: 1.5% 0 4%; }
#filters { margin: 0.5% 0 0; padding: 0; list-style: none; text-align: center; }
#filters li { display: inline-block; }
#filters li span { display: inline-block; padding: 16px 12px; text-decoration: none; color: #006d63; cursor: pointer; 
	font-size: 16px; font-weight: 400; text-transform: uppercase; border-radius: 4px;  }
#filters li span.active { color: #4e4e4e; }
#filters li span:hover { color: #4e4e4e; }
#portfoliolist {margin-top: 30px;}
#portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; 
	width: 33.3333333%; display: none;padding: 5px; float: left; overflow: hidden; margin: 0; }
.portfolio-wrapper { overflow: hidden; position: relative !important; cursor: pointer; }
.portfolio img { max-width: 100%; /*--position: relative;--*/
transition: all 300ms!important; -webkit-transition: all 300ms!important; -moz-transition: all 300ms!important; display: block; }
.portfolio .label { position: absolute; width: 100%; height: 40px; bottom: -40px; }
.portfolio .label-bg { background: #22B4B8; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.portfolio .label-text { color: #fff; position: relative; z-index: 500; padding: 5px 8px; }
.portfolio .text-category { display: block; font-size: 9px; font-size: 12px; text-transform: uppercase; }
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/*	Strip
/*-----------------------------------------------------------------------------------*/
.b-link-stripe { position: relative; display: inline-block; vertical-align: top; font-weight: 300; overflow: hidden; width: 100%; }
.b-link-stripe .b-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: #ffffff; overflow: hidden; }
.b-link-stripe .b-line { position: absolute; top: 0; bottom: 0; width: 20%; background: rgba(243, 103, 89, 0.8); opacity: 0; visibility: hidden; /* lt-ie9 */ }
/* lt-ie9 */
.b-link-stripe:hover .b-line { visibility: visible; }
.b-link-stripe .b-line1 { left: 0; }
.b-link-stripe .b-line2 { left: 20%; transition-delay: 0.1s !important; -moz-transition-delay: 0.1s !important; -ms-transition-delay: 0.1s !important; -o-transition-delay: 0.1s !important; -webkit-transition-delay: 0.1s !important; }
.b-link-stripe .b-line3 { left: 40%; transition-delay: 0.2s !important; -moz-transition-delay: 0.2s !important; -ms-transition-delay: 0.2s !important; -o-transition-delay: 0.2s !important; -webkit-transition-delay: 0.2s !important; }
.b-link-stripe .b-line4 { left: 60%; transition-delay: 0.3s !important; -moz-transition-delay: 0.3s !important; -ms-transition-delay: 0.3s !important; -o-transition-delay: 0.3s !important; -webkit-transition-delay: 0.3s !important; }
.b-link-stripe .b-line5 { left: 80%; transition-delay: 0.4s !important; -moz-transition-delay: 0.4s !important; -ms-transition-delay: 0.4s !important; -o-transition-delay: 0.4s !important; -webkit-transition-delay: 0.4s !important; }
.b-link-stripe:hover .b-line { opacity: 1; }
/*-----------------------------------------------------------------------------------*/
/*	Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go { text-decoration: none; }
.b-animate { visibility: hidden; font-size: 1.1em; font-weight: 700; }
.b-animate img { margin-top: 26%; display: -webkit-inline-box; }
/* lt-ie9 */
.b-animate-go:hover .b-animate { visibility: visible; }
.b-from-left { position: relative; left: -100%; background: rgba(0, 109, 99, 0.67); height: 100%; margin: 0; }
.b-animate-go:hover .b-from-left { left: 0; }
span.m_4 { font-size: 14px; font-weight: 400; }
p.m_5 { margin: 2% auto 5%; width: 70%; color: #283A47; font-size: 1.1em; font-weight: 600; line-height: 1.5em; text-align: center; }
.p-img { width: 100%; }
/*---- caption ----*/
.work-caption { padding-top: 5em; }
.work-caption span { width: 44px; height: 44px; display: inline-block; background: url(../images/port-icons.png) no-repeat 0px 0px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.work-caption span:hover { opacity: 0.5; }
.work-caption div { display: inline-block; }
.work-caption div:first-child { margin-right: 0.8em; }
.work-caption div.link-icon span { background-position: -64px 0px; }
.work-caption h3 { color: #FFF; font-weight: 600; font-size: 1.8em; }
/*---- skills ----*/
.skills { padding: 4em 0 3em; }
.skill-grids { padding: 3em 0; }
.skill-grid h3 { color: #006d63; font-size: 1.8em; }
.skill-grid p { line-height: 28px;margin-top: 10px; color: #999;}
.circle { color: #006d63;}
/*图片形式*/
.circle { width: 165px;height: 165px;background: url(../img/svg.jpg) no-repeat;display: inline-block;}
.circle .circles-wrp {display: none !important;}
#circles-1 {background-position: 0 0;}
#circles-2 {background-position: -237px 0;}
#circles-3 {background-position: -474px 0;}
#circles-4 {background-position: -712px 0;}

.head-section h2 { color: #006d63; font-size: 3.2em; margin: 0; padding: 0 0 0.3em 0; }
.head-section p { font-size: 16px;margin-top: 20px;}
/*---- team ----*/
.team { padding: 4em 0; background: #eee; }
.team-grid {}
.team-grid h3 { font-weight: 700; font-size: 24px; margin: 0; padding: 0.7em 0 0 0; }
.team-grid h3 a { color: #006d63; }
.team-grid h3 a:hover { text-decoration: none; color: #4d4d4d; }
.team-grid p { margin: 0.7em 0; font-size: 14px; color: #8D8D8D; line-height: 28px; font-weight: 400; }
.team-grid ul { margin: 0; padding: 0; }
.team-grid ul li { list-style: none; display: inline-block; margin-right: 0.8em; }
.team-grids { padding-top: 3em; }
/*---- contact ----*/
.contact-map { width: 100%; min-height: 300px; border: none; margin: 3em 0; }
.text-boxs span { width: 47%; float: left; }
.text-boxs span.name { margin-right: 6%; }
.text-boxs span input[type="text"], .text-area-box textarea { width: 100%; border: 1px solid #5C5C5C; font-size: 1em; color: #5C5C5C; transition: border-color 0.4s; -webkit-transition: border-color 0.4s; -moz-transition: border-color 0.4s; -o-transition: border-color 0.4s; -ms-transition: border-color 0.4s; outline: none; padding: 0.9em; }
.text-boxs span input[type="text"]:hover, .text-area-box textarea:hover { border-color: #006d63; }
.text-boxs span label, .text-area-box span { display: block; font-size: 20px; font-weight: normal; color: #5C5C5C; padding: 0.3em 0; margin: 0; }
.text-area-box { margin-top: 1em; }
.text-area-box textarea { min-height: 200px; resize: none; }
.contact-form input[type="submit"] { background: #006d63; color: #FFF; border: none; padding: 0.4em 1.5em; font-size: 1.8em; outline: none; cursor: pointer; border-radius: 0.3em; margin-top: 1em; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.contact-form input[type="submit"]:hover { background: #028D80; }
/*---- contact-address ---*/
.contact { padding: 3em 0; }
.contact-address { margin: 0 0 2em; }
.contact-address h4 { display: block; font-size: 20px; font-weight: 400; color: #5C5C5C; padding: 0 0 0.3em 0; margin: 0; }
.contact-address p { color: #8B8B8B; margin: 0.3em 0; }
.contact-address p label {height: 100%; float: left;width: 85px;font-weight: normal;}
.contact-address p span {padding-left: 85px; display: block;}
.contact-address p a { color: #8B8B8B; }
.contact-address p a:hover { text-decoration: none; color: #006d63; }
.c-social-share { margin: 0.5em 0 0 0; padding: 0; }
.c-social-share li { list-style: none; display: inline-block; margin-right: 0.5em; }
.c-social-share li a span { width: 41px; height: 41px; display: inline-block; background: url(../images/c-social-icons.png) no-repeat 0px 0px; }
.c-social-share li a.c-face span { background-position: 0px 0px; }
.c-social-share li a.c-google span { background-position: -55px 0px; }
.c-social-share li a.c-twitter span { background-position: -110px 0px; }
/*---- footer -----*/
.footer { background: #474747; padding: 2.2em 0 4em; }
.footer-grid h3 { color: #fefefe; font-weight: normal; text-transform: uppercase; font-size: 24px; padding-bottom: 0.2em; }
.whoare-u a.footer-logo { font-size: 3em; font-weight: 900; text-transform: uppercase; color: #FFF; margin: 0; padding: 0; text-decoration: none; }
.whoare-u p { font-size: 12px; font-family:  '宋体';color: #A3B1BF; font-weight: 400; line-height: 24px; }
a.whoare { color: #A3B1BF; font-weight: 600; font-size: 1.2em; text-decoration: none; }
a.whoare:hover { color: #FFF; }
a.whoare span { width: 10px; height: 8px; display: inline-block; background: url(../images/arrow.png) no-repeat 0px 0px; margin-left: 0.5em; }

.intouch {}
.intouch p { color: #A3B1BF; font-weight: 400; font-size: 1em; }
.intouch ul { margin: 0; padding: 0;font-family:  '宋体'; font-size: 12px; }
.intouch ul li { color: #A3B1BF; font-weight: 400; list-style: none;position: relative; padding: 0.3em 0;
 padding-left: 15px; display: block; }
.intouch ul li span {position: absolute;top: 7px;left: 0; width: 11px; height: 15px; display: inline-block;
 background: url(../images/get-in-icons.png) no-repeat 0px 0px; vertical-align: middle; }
.intouch ul li span.pin { background-position: 0px 0px; }
.intouch ul li span.mobile { background-position: 0px -22px; }
.intouch ul li span.msg { background-position: 0px -45px; }
.intouch ul li a { text-decoration: none; color: #A3B1BF; }
.intouch ul li a:hover { color: #006d63; }
.news-update p {font-family:  '宋体'; color: #A3B1BF; font-weight: 400;  font-size: 12px; list-style: none; padding: 0.3em 0; }
.news-update .Dyform {position: relative; background: #626262; padding: 0.3em; padding-right: 78px; border-radius: 0.2em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; -o-border-radius: 0.2em; -ms-border-radius: 0.2em; }
.news-update input[type="text"] {margin: 5px 5px 5px 0 ; width: 100%; color: #A3B1BF; font-size: 0.875em; background: none; border: none; overflow: hidden; outline: none; }
.news-update input[type="submit"] {top: 4px;right: 8px; background: #006d63; color: #FFF; text-transform: uppercase; 
	font-family:  '微软雅黑'; border: none; cursor: pointer; outline: none;
	 font-size: 18px; padding: 3px 15px; border-radius: 3px; -webkit-border-radius: 3px; 
	 -moz-border-radius:3px; -o-border-radius: 3px; -ms-border-radius: 3px;position: absolute !important; }
/*---- sub-footer ----*/
.sub-footer { background: #202020; padding: 2.5em 0; }
.copy-right { float: left; }
.copy-right p { color: #fefefe; font-size: 1em; margin: 0; padding: 0; }
.copy-right p a { color: #fefefe; text-decoration: none; }
.copy-right p a:hover { color: #888; }
.footer-links { float: right; }
.footer-links ul { margin: 0; padding: 0; }
.footer-links ul li { display: inline-block; }
.footer-links ul li a { color: #fefefe; margin: 0 15px; text-decoration: none; }
.footer-links ul li a:hover { color: #006d63; }
#toTop { display: none; text-decoration: none; position: fixed; bottom: 14px; right: 3%; overflow: hidden; width: 40px; height: 40px; border: none; text-indent: 100%; background: url("../images/to-top1.png") no-repeat 0px 0px; }
#toTopHover { width: 40px; height: 40px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
/*---- InfoPage ----*/
.InfoPage { padding: 50px 0 80px;}
.leftItem{ margin-bottom: 50px;}
.leftItem h3{font-size: 20px; font-weight: bold;color: #006d63;}
.leftItem li { padding: 5px 0;font-size: 16px; line-height: 20px;color: #888;}
.leftItem li a {display: block; margin-left: 24px; color: #888;}
.leftItem li a:hover,.leftItem li a.on {text-decoration: none; color: #006d63;}
.leftItem li .hd {font-weight: bold;cursor: pointer;}
.leftItem li .hd:hover,.leftItem li .hd.on { color: #006d63;}
.leftItem li .bd {margin-top: 5px;display: none;}
.leftItem li.show .bd { display: block;}

.article .h1 {font-size: 36px;font-weight: bold; line-height: 40px;color: #006d63;}
.article .time span { margin-right: 10px;}
.article .bd {font-size: 16px; margin-top: 20px;color: #666;}
.article .bd img { width: 100%;}
.article .bd .s-h1 { color: #006d63; font-size: 28px; font-weight: bold;}
.article .bd .s-h2 { font-size: 24px; font-weight: bold;}
.article .bd .s-h3 { color: #006d63; font-size: 21px; }
.article .bd .s-h4 { font-weight: bold; }
.article .bd p {margin-bottom: 20px;}
/*----- responsive-design -----*/
@media (max-width:1366px) {
.container { width: 80%; }
}
@media (max-width:1280px) {
.container { width: 80%; }
.callbacks .caption { width: 49%; }
}
@media (max-width:1024px) {
.container { width: 95%; }
.callbacks .caption { width: 60%; left: 20.2%; }
.slide-text-info h1 {  }
.work-caption { padding-top: 4em; }
.contact-address { margin: 2em 0; }
}
@media (max-width:768px) {
.logo{width: 100px; height: 100px;}
ul.top-nav { padding-bottom: 20px;}
.container { width: 95%; }
.callbacks .caption { width: 60%; left: 20.2%; top: 22%; }
.slide-text-info h1 { font-size: 1.2em;padding: 0 1em; }
.slide-text-info p span{ font-size: 1em }
.work-caption { padding-top: 2em; }
.slide-btns a.startnow { font-size: 0.7em; padding: 0.7em 1.5em; }
.slide-btns a.livedemo { font-size: 0.7em; padding: 0.7em 2em; }
.work-caption h3 { font-size: 1.5em; }
.works { padding: 1em 0 3em; }
.skills { padding: 2em 0 1em; }
.head-section p { font-size: 16px; margin-top: 40px; width: 100%; }
.skill-grid h3 { font-size: 1.5em; margin: 0; }
.skill-grid { margin-bottom: 2em; }
.skill-grids { padding: 1em 0 0; }
.top-grids { padding: 2em 0; }
.team { padding: 1em 0 0em; }
.team-grids { padding-top: 1.5em; }
.team-grid { margin-bottom: 1.5em; }
.text-boxs span label, .text-area-box span { font-size: 1.3em; }
.team-grid img.t-pic { display: inline-block; }
.text-boxs span { width: 100%; float: none; }
.text-boxs span:nth-child(1) { margin-right: 0%; }
.contact-form input[type="submit"] { padding: 0.4em 0em; width: 100%; }
.copy-right { float: none; text-align: center; }
.footer-links { float: none; text-align: center; margin-top: 0.6em; }
}
@media (max-width:640px) {
.container { width: 90%; }
.callbacks .caption { width: 80%; left: 10%; top: 18%; }
.slide-text-info h1 {font-size: 1em; }
.work-caption { padding-top: 2em; }
.slide-btns a.startnow { font-size: 0.7em; padding: 0.7em 1.5em; }
.slide-btns a.livedemo { font-size: 0.7em; padding: 0.7em 2em; }
.work-caption h3 { font-size: 1.2em; margin: 0.2em 0 0 0; }
.works { padding: 1em 0 3em; }
.skills { padding: 2em 0 1em; }
.head-section h2 { font-size: 2.5em; }
.head-section p { font-size: 1.3em; width: 100%; }
.skill-grid h3 { font-size: 1.5em; margin: 0; }
.skill-grid { margin-bottom: 2em; }
.skill-grids { padding: 1em 0 0; }
.top-grids { padding: 2em 0; }
.team { padding: 1em 0 0em; }
.team-grids { padding-top: 1.5em; }
.team-grid { margin-bottom: 1.5em; }
.text-boxs span label, .text-area-box span { font-size: 1.3em; }
.team-grid img.t-pic { display: inline-block; }
.text-boxs span { width: 100%; float: none; }
.text-boxs span:nth-child(1) { margin-right: 0%; }
.contact-form input[type="submit"] { padding: 0.4em 0em; width: 100%; }
.contact-address { margin: 2em 0; }
.copy-right { float: none; text-align: center; }
.footer-links { float: none; text-align: center; margin-top: 0.6em; }
.callbacks_tabs { top: 82%; left: 44%; }
.callbacks_nav { top: 62%; }
.contact { padding: 1em 0 0; }
#filters li span { padding: 10px 6px; }
.team-grid h3 { font-size: 1.7em; padding: 0.4em 0 0; }

}
@media (max-width:480px) {
.container { width: 95%; }
.logo {width: 60px;height: 60px;}
.logo a {width: 60px;height: 60px; background-size: 120px;}
.header { height: 60px;}
.top-header {min-height: 60px;}
nav a#pull {top: 16px;}
.callbacks .caption { width: 80%; left: 10%; top: 15%; }
.slide-text-info h1 { font-size:1em; line-height:30px}
.work-caption { padding-top: 2em; }
.slide-text-info p span { font-size: 0.8em; }
.slide-btns a.startnow { font-size: 0.55em; padding: 0.7em 1.2em; }
.slide-btns a.livedemo { font-size: 0.55em; padding: 0.7em 1.2em; }
.work-caption h3 { font-size: 1.2em; margin: 0.2em 0 0 0; }
.works { padding: 1em 0 3em; }
.skills { padding: 1.5em 0 0em; }
.head-section h2 { font-size: 2.2em; }
.head-section p { font-size: 1.3em; width: 100%; }
.skill-grid h3 { font-size: 1.4em; margin: 0.4em 0 0 0; }
.skill-grid { margin-bottom: 1em; }
.skill-grids { padding: 1em 0 0; }
.top-grids { padding: 2em 0; }
.team { padding: 1em 0 0em; }
.team-grids { padding-top: 1.5em; }
.team-grid { margin-bottom: 1.5em; }
.text-boxs span label, .text-area-box span { font-size: 1.3em; }
.team-grid img.t-pic { display: inline-block; }
.text-boxs span { width: 100%; float: none; }
.text-boxs span:nth-child(1) { margin-right: 0%; }
.contact-form input[type="submit"] { padding: 0.4em 0em; width: 100%; font-size: 1.5em; }
.contact-address { margin: 2em 0; }
.copy-right { float: none; text-align: center; }
.footer-links { float: none; text-align: center; margin-top: 0.6em; }
.callbacks_tabs { top: 78%; left: 41%; }
.callbacks_nav { top: 69%; }
.contact { padding: 1em 0 0; }
#filters li span { padding: 5px 6px; }
.team-grid h3 { font-size: 1.7em; padding: 0.6em 0 0; }
.slide-btns { margin: 0.5em 0 0 0; }
.top-grid h3 { font-size: 1.2em; }
.footer-links ul li label { margin: 0 0.5em; }
.footer-links { text-align: left; }

}
@media (max-width:320px) {
.container { width: 98%; }
.callbacks .caption { width: 100%; left: -4%; top: 2%; }
.slide-text-info h1 { width: 67.5%; font-size: 0.8em; padding: 0; margin: 2em 0 0.2em 0 ; line-height: 1.8em; }
.work-caption { padding-top: 4.5em; }
.slide-text-info p span { font-size: 0.8em;padding: 0; margin: 0.2em; }
.slide-btns a.startnow { font-size: 0.55em; padding: 0.7em 1.2em; }
.slide-btns a.livedemo { font-size: 0.55em; padding: 0.7em 1.2em; }
.work-caption h3 { font-size: 1.2em; margin: 0.2em 0 0 0; }
.works { padding: 1em 0 3em; }
.skills { padding: 1.5em 0 0em; }
.head-section h2 { font-size: 1.8em; }
.head-section p { font-size: 1em; width: 100%; }
.skill-grid h3 { font-size: 1.4em; margin: 0.4em 0 0 0; }
.skill-grid { margin-bottom: 1em; }
.skill-grids { padding: 1em 0 0; }
.top-grids { padding: 1em 0; }
.team { padding: 1em 0 0em; }
.team-grids { padding-top: 1.5em; }
.team-grid { margin-bottom: 1.5em; }
.text-boxs span label, .text-area-box span { font-size: 1.3em; }
.team-grid img.t-pic { display: inline-block; }
.text-boxs span { width: 100%; float: none; }
.text-boxs span:nth-child(1) { margin-right: 0%; }
.contact-form input[type="submit"] { padding: 0.4em 0em; width: 100%; font-size: 1.3em; }
.contact-address { margin: 2em 0; }
.copy-right { float: none; text-align: center; }
.footer-links { float: none; text-align: center; margin-top: 0.6em; }
.callbacks_tabs { display: none; }
.callbacks_nav { top: 69%; left: 2%; display: none; }
.contact { padding: 1em 0 0; }
#filters li span { padding: 5px 6px; }
.team-grid h3 { font-size: 1.5em; padding: 0.4em 0 0.2em; }
.slide-btns { margin: 0.5em 0 0 0; }

.top-grid h3 { font-size: 1.2em; }
.works h3 { display: none; }
.footer-links ul li label { margin: 0 0.5em; }
.logo a { font-size: 2.5em; }
.top-grid span { width: 110px; height: 110px; }
.top-grid span label {  }
.callbacks_nav.next { right: 3%; display: none; }
.top-grids div.col-md-4, .team-grids div.col-md-4 { padding: 0; }
#portfoliolist .portfolio { width: 100%; }
.team-grid p { margin: 0.2em 0 0.8em; font-size: 1em; }
.text-boxs span input[type="text"], .text-area-box textarea { font-size: 0.8em; }
.contact-grids div.col-md-8, .contact-grids div.col-md-4 { padding: 0; }
.contact-address h4 { font-size: 1.4em; }
.contact-address p { font-size: 1em; margin: 0.2em 0; }
.footer-grids div.col-md-3 { padding: 0; }
.footer { padding: 0em 0 2em; }
.whoare-u a.footer-logo { font-size: 2.5em; }
nav a#pull img { margin-right: 0%; }
}
